@charset "utf-8";
@media only screen and (min-width:768px){
    .navbar{
        padding: 0;
    }
    .width-cus{
        max-width: 1000px;
    }
}
//导航
.bg-dark{
    background-color: #222222!important;
}
.navbar{
    .width-cus{
        //logo
        .nav-brand{
            padding: 0;
        }
        //菜单
        .navbar-collapse{
            .nav-item{
                a{
                    font-size: 14px;
                    padding: 13px 10px;
                    white-space: nowrap;
                }
            }
            //菜单选中状态
            .active{
                background-color: #080808;
            }
             
        }
    }
}

.footer{
    background-color: #3b3b3b;
    padding-top: 30px;
    padding-bottom: 40px;
    .container{
        .copy{
            ul{
                display: flex;
                li{
                    margin-right: 15px;
                    a{
                        color: #a1a3ab;
                        text-decoration: none;
                        font-size: 14px;
                    }
                }
            }
            p{
                font-size: 11px;
                color: #a1a3ab;
            }
        }
        .weixin{
            .email{
                margin-right: 20px;
                position: relative;
                width: 39px;
                height: 39px;
                display: inline-block;
                background: url(../../img/index/footer.png)no-repeat;
                background-position: 0px 1px;
                &:hover{
                    img{
                        display: block;
                    }
                }
                img{
                    position: absolute;
                    top: -155px;
                    left: -50px;
                    display: none;
                }
            }
            .wx{
                margin-right: 20px;
                position: relative;
                width: 39px;
                height: 39px;
                display: inline-block;
                background: url(../../img/index/footer.png)no-repeat;
                background-position: -58px 1px;
                &:hover{
                    img{
                        display: block;
                    }
                }
                img{
                    width: 142px;
                    height: 150px;
                    position: absolute;
                    top: -155px;
                    left: -50px;
                    display: none;
                }
            }
            .qq{
                position: relative;
                width: 39px;
                height: 39px;
                display: inline-block;
                background: url(../../img/index/footer.png)no-repeat;
                background-position: -115px 1px;
                &:hover{
                    img{
                        display: block;
                    }
                }
                img{
                    position: absolute;
                    top: -155px;
                    left: -50px;
                    display: none;
                }
            }
        }
    }
}
@media only screen and (max-width:414px){
    .footer{
        .width-cus{
            .weixin{
                display: none;
            }
        }
    }
}
